<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>!!</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/layui/css/layui.css" media="all">
</head>
<body>

<ul class="layui-nav">
  <li class="layui-nav-item">
    <a href="${pageContext.request.contextPath}/employees/main">首页<span class="layui-badge">1</span></a>
  </li>
  <li class="layui-nav-item">
    <a href="${pageContext.request.contextPath}/goods/getGoods">商品详情<span class="layui-badge">2</span></a>
  </li>
  <li class="layui-nav-item">
    <a href="${pageContext.request.contextPath}/order/getOrder">订单详情<span class="layui-badge">3</span></a>
  </li>
  <li class="layui-nav-item">
    <a href="${pageContext.request.contextPath}/employees/self">个人中心<span class="layui-badge-dot"></span></a>
  </li>
  <li class="layui-nav-item" lay-unselect="">
    <a href="javascript:;"><i class="layui-icon layui-icon-username" style="font-size: 30px;color: #c0c4cc;margin-right: 8px"></i>我</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">修改信息</a></dd>
      <dd><a href="javascript:;">安全管理</a></dd>
      <dd><a href="javascript:;">退了</a></dd>
    </dl>
  </li>
</ul>

<div>
  <h3>未登陆，请先登录</h3>
</div>

<script src="${pageContext.request.contextPath}resource/layui/layui.js"></script>
<script>
  layui.use('element', function(){
    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

    //监听导航点击
    element.on('nav(demo)', function(elem){
      //console.log(elem)
      layer.msg(elem.text());
    });
  });
</script>

</body>
</html>

